import React from "react";

export const TransitionsDuration: React.FC = () => {
  return (
    <svg
      viewBox="0 0 1031 676"
      fill="none"
      style={{
        maxWidth: 600,
      }}
      xmlns="http://www.w3.org/2000/svg"
    >
      <rect
        x="20"
        y="255"
        width="566"
        height="109"
        rx="16"
        fill="#E2E2E2"
        stroke="black"
        strokeWidth="4"
      />
      <path
        d="M171 257H570C577.732 257 584 263.268 584 271V348C584 355.732 577.732 362 570 362H171V257Z"
        fill="#0B84F3"
      />
      <path
        d="M171 257H570C577.732 257 584 263.268 584 271V348C584 355.732 577.732 362 570 362H171V257Z"
        stroke="black"
      />
      <rect
        x="169"
        y="391"
        width="829"
        height="109"
        rx="16"
        fill="#E2E2E2"
        stroke="black"
        strokeWidth="4"
      />
      <path
        d="M171 407C171 399.268 177.268 393 185 393H584V498H185C177.268 498 171 491.732 171 484V407Z"
        fill="#0B84F3"
      />
      <path
        d="M171 407C171 399.268 177.268 393 185 393H584V498H185C177.268 498 171 491.732 171 484V407Z"
        stroke="black"
      />
      <path
        d="M168.5 85.5V675.5"
        stroke="url(#paint0_linear_2_21)"
        strokeWidth="4"
      />
      <path d="M20 85V675" stroke="url(#paint1_linear_2_21)" strokeWidth="4" />
      <path
        d="M586 85.5V675.5"
        stroke="url(#paint2_linear_2_21)"
        strokeWidth="4"
      />
      <path d="M998 85V675" stroke="url(#paint3_linear_2_21)" strokeWidth="4" />
      <path
        d="M82.571 340H64.8864L84.8111 279.636H107.212L127.136 340H109.452L96.2472 296.26H95.7756L82.571 340ZM79.2699 316.185H112.517V328.446H79.2699V316.185Z"
        fill="black"
      />
      <path
        d="M764.891 476V415.636H791.064C795.662 415.636 799.523 416.255 802.647 417.493C805.791 418.731 808.159 420.48 809.751 422.74C811.362 424.999 812.168 427.662 812.168 430.727C812.168 432.948 811.676 434.972 810.694 436.799C809.731 438.626 808.375 440.159 806.626 441.397C804.878 442.615 802.834 443.46 800.496 443.932V444.521C803.089 444.62 805.447 445.278 807.57 446.496C809.692 447.695 811.382 449.355 812.639 451.477C813.897 453.58 814.526 456.056 814.526 458.905C814.526 462.206 813.661 465.144 811.932 467.718C810.222 470.292 807.786 472.316 804.622 473.789C801.459 475.263 797.686 476 793.304 476H764.891ZM781.278 462.913H788.942C791.693 462.913 793.756 462.402 795.131 461.381C796.507 460.339 797.195 458.807 797.195 456.783C797.195 455.368 796.87 454.169 796.222 453.187C795.574 452.204 794.65 451.458 793.451 450.947C792.272 450.436 790.848 450.18 789.178 450.18H781.278V462.913ZM781.278 440.041H787.999C789.433 440.041 790.7 439.815 791.801 439.363C792.901 438.911 793.756 438.263 794.365 437.418C794.994 436.553 795.308 435.502 795.308 434.264C795.308 432.397 794.64 430.973 793.304 429.99C791.968 428.988 790.278 428.487 788.234 428.487H781.278V440.041Z"
        fill="black"
      />
      <path
        d="M19.038 55.798C13.68 55.798 9.671 54.031 7.011 50.497C4.351 46.963 3.021 41.814 3.021 35.05C3.021 28.286 4.351 23.137 7.011 19.603C9.671 16.069 13.68 14.302 19.038 14.302C24.396 14.302 28.405 16.069 31.065 19.603C33.725 23.137 35.055 28.286 35.055 35.05C35.055 41.814 33.725 46.963 31.065 50.497C28.405 54.031 24.396 55.798 19.038 55.798ZM8.778 35.05C8.778 40.332 9.614 44.303 11.286 46.963C12.958 49.585 15.542 50.896 19.038 50.896C22.496 50.896 25.061 49.585 26.733 46.963C28.405 44.303 29.241 40.332 29.241 35.05C29.241 29.768 28.405 25.816 26.733 23.194C25.061 20.534 22.496 19.204 19.038 19.204C15.542 19.204 12.958 20.534 11.286 23.194C9.614 25.816 8.778 29.768 8.778 35.05Z"
        fill="var(--ifm-font-color-base)"
      />
      <path
        d="M136.938 49.813H147.369V20.401H140.13V15.1H152.898V49.813H163.158V55H136.938V49.813ZM182.538 55.798C177.18 55.798 173.171 54.031 170.511 50.497C167.851 46.963 166.521 41.814 166.521 35.05C166.521 28.286 167.851 23.137 170.511 19.603C173.171 16.069 177.18 14.302 182.538 14.302C187.896 14.302 191.905 16.069 194.565 19.603C197.225 23.137 198.555 28.286 198.555 35.05C198.555 41.814 197.225 46.963 194.565 50.497C191.905 54.031 187.896 55.798 182.538 55.798ZM172.278 35.05C172.278 40.332 173.114 44.303 174.786 46.963C176.458 49.585 179.042 50.896 182.538 50.896C185.996 50.896 188.561 49.585 190.233 46.963C191.905 44.303 192.741 40.332 192.741 35.05C192.741 29.768 191.905 25.816 190.233 23.194C188.561 20.534 185.996 19.204 182.538 19.204C179.042 19.204 176.458 20.534 174.786 23.194C173.114 25.816 172.278 29.768 172.278 35.05Z"
        fill="var(--ifm-font-color-base)"
      />
      <path
        d="M572.914 43.144H551.539V38.128L570.748 15.1H578.443V38.128H584.998V43.144H578.443V55H572.914V43.144ZM572.914 38.128V19.888L557.695 38.128H572.914ZM605.554 55.798C600.196 55.798 596.187 54.031 593.527 50.497C590.867 46.963 589.537 41.814 589.537 35.05C589.537 28.286 590.867 23.137 593.527 19.603C596.187 16.069 600.196 14.302 605.554 14.302C610.912 14.302 614.921 16.069 617.581 19.603C620.241 23.137 621.571 28.286 621.571 35.05C621.571 41.814 620.241 46.963 617.581 50.497C614.921 54.031 610.912 55.798 605.554 55.798ZM595.294 35.05C595.294 40.332 596.13 44.303 597.802 46.963C599.474 49.585 602.058 50.896 605.554 50.896C609.012 50.896 611.577 49.585 613.249 46.963C614.921 44.303 615.757 40.332 615.757 35.05C615.757 29.768 614.921 25.816 613.249 23.194C611.577 20.534 609.012 19.204 605.554 19.204C602.058 19.204 599.474 20.534 597.802 23.194C596.13 25.816 595.294 29.768 595.294 35.05Z"
        fill="var(--ifm-font-color-base)"
      />
      <path
        d="M971.83 45.823C971.83 42.631 972.039 39.876 972.457 37.558C972.913 35.202 973.73 32.979 974.908 30.889C976.124 28.761 977.834 26.633 980.038 24.505L984.427 20.287H962.938V15.1H991.894V20.287L984.883 26.899C983.021 28.685 981.577 30.433 980.551 32.143C979.525 33.815 978.765 35.715 978.271 37.843C977.815 39.933 977.587 42.498 977.587 45.538V55H971.83V45.823ZM1011.49 55.798C1006.13 55.798 1002.12 54.031 999.461 50.497C996.801 46.963 995.471 41.814 995.471 35.05C995.471 28.286 996.801 23.137 999.461 19.603C1002.12 16.069 1006.13 14.302 1011.49 14.302C1016.85 14.302 1020.86 16.069 1023.52 19.603C1026.18 23.137 1027.51 28.286 1027.51 35.05C1027.51 41.814 1026.18 46.963 1023.52 50.497C1020.86 54.031 1016.85 55.798 1011.49 55.798ZM1001.23 35.05C1001.23 40.332 1002.06 44.303 1003.74 46.963C1005.41 49.585 1007.99 50.896 1011.49 50.896C1014.95 50.896 1017.51 49.585 1019.18 46.963C1020.86 44.303 1021.69 40.332 1021.69 35.05C1021.69 29.768 1020.86 25.816 1019.18 23.194C1017.51 20.534 1014.95 19.204 1011.49 19.204C1007.99 19.204 1005.41 20.534 1003.74 23.194C1002.06 25.816 1001.23 29.768 1001.23 35.05Z"
        fill="var(--ifm-font-color-base)"
      />
      <defs>
        <linearGradient
          id="paint0_linear_2_21"
          x1="169"
          y1="85.5"
          x2="169"
          y2="675.5"
          gradientUnits="userSpaceOnUse"
        >
          <stop offset="0.84375" stopColor="#FF3232" />
          <stop offset="1" stopColor="#FF3232" stopOpacity="0" />
        </linearGradient>
        <linearGradient
          id="paint1_linear_2_21"
          x1="20.5"
          y1="85"
          x2="20.5"
          y2="675"
          gradientUnits="userSpaceOnUse"
        >
          <stop offset="0.84375" stopColor="#FF3232" />
          <stop offset="1" stopColor="#FF3232" stopOpacity="0" />
        </linearGradient>
        <linearGradient
          id="paint2_linear_2_21"
          x1="586.5"
          y1="85.5"
          x2="586.5"
          y2="675.5"
          gradientUnits="userSpaceOnUse"
        >
          <stop offset="0.859375" stopColor="#FF3232" />
          <stop offset="1" stopColor="#FF3232" stopOpacity="0" />
        </linearGradient>
        <linearGradient
          id="paint3_linear_2_21"
          x1="998.5"
          y1="85"
          x2="998.5"
          y2="675"
          gradientUnits="userSpaceOnUse"
        >
          <stop offset="0.895833" stopColor="#FF3232" />
          <stop offset="1" stopColor="#FF3232" stopOpacity="0" />
        </linearGradient>
      </defs>
    </svg>
  );
};
